@ layout("/layout.html"){
<div class="container border">
    <div class="grid">
        <div class="row">
            <div class="span4 bg-dark padding15">
                <div class="icon" style="height: 60px;width: 60px;float:left;margin-left:8px;margin-top:5px"><img
                        src="${base}/img/block2.png"></div>
                <div style="width:160px;height:50px;margin-left:90px;margin-top:10px;text-align:center"><h2
                        class="fg-white" style="padding-top:8px;">Login</h2></div>
            </div>
        </div>
    </div>

    <div class="margin20">
        <form action="${base}/user/login" method="post">
            <table style="margin-left:20%">
                <tr>
                    <td>
                        <div class="span3 bg-cyan padding5 text-center" style="width:100px;height:50px;"><h4
                                class="fg-white">
                            ID:</h4></div>
                    </td>
                    <td>
                        <div class="text-center padding20">
                            <div class="input-control text" style="width:300px;">
                                <input type="text" name="id"
                                       placeholder="Your ID"/>
                                <button class="btn-clear"></button>
                            </div>
                            <div class="fg-red">${msg!}</div>
                        </div>
                    </td>
                </tr>

                <td>
                    <div class="span3 bg-cyan padding5 text-center" style="width:100px;height:50px;"><h4
                            class="fg-white">
                        password:</h4></div>
                </td>
                <td>
                    <div class="text-center padding20">
                        <div class="input-control password" style="width:300px;">
                            <input type="password" name="password"
                                   placeholder="your password"/>
                            <button class="btn-reveal"></button>
                        </div>
                        <div class="fg-red">${passwordMsg!}</div>
                    </div>
                </td>
                </tr>

            </table>

            <input type="submit" value="Login" class="button large" onclick="return login(this)" style="margin-left: 40%">

        </form>


    </div>
</div>

@}